<div>

    <h1>{{gambler.game}}</h1>
    <h2>with {{gambler.name}}</h2>
    <img ng-src="{{'images/gamblers/' + gambler.largeImage}}" />

    <div>
        <input id="playWithCustomRules" type="checkbox" ng-model="playWithCustomRules">
        <label for="playWithCustomRules">Play with custom rules</label>
        <ul>
            <li ng-repeat="rule in gameRules">
                <end-boardgame-customrule></end-boardgame-customrule>
            </li>
        </ul>
    </div>

    <div>
        <button ng-click="practice()">Practice by yourself</button>
        <button disabled ng-click="practiceWithAI()">Practice with {{gambler.name}}</button>
        <button disabled ng-click="playForReward()">Play for a wager</button>
    </div>

    <a href="#/gambling/gamblers">Back to gambling den</a>
</div>